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L Guia para 
blogs en 
Blogger 



Algunos aspectos tecnicos utiles 
para mantener un blog usando 

Blogger 



1. Indice 

2. Datos Basicos : Lo mas basico que se necesita saber para tener un blog, 
como entrar en la cuenta, que hacer dentro de la cuenta, etc... 

3. Como Modificar Links: Muestra la manera de modificar los links que van en 
la barra lateral del blog 

4. Como Agregar mas Links : Como tener mas links 

4. URL de la imagen : Muestra que es la URL de una imagen y como 
obtenerla. Esto es necesario para agregar imagenes en un post 

5. Como Postear Imagenes: Como in cluir una o mas imagenes en 
nuestras entradas 

6. Poner Links en un POST: Muestra como agregar vmculos en 
nuestras entradas 

7. Publicar un archivo en el BLOG : Muestra la manera de poner un archivo 
que esta en el computador para que se pueda descargar desde en blog 



Ing. Erbert Osco M. 



Docente EPIS 
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Las imageries en esta gufa fueron tomadas usando Firefox, 
por lo que para el mayor entendimiento de esta, 
Recomiendo utilizar Firefox 



Datos Basicos 



Already have an 

Username: 


account? Sk>n in: 

Password: ? 




[ 






■ 




^ ■ Rumuwt ' 




1 


SIGN IN 











NEW 


CHANGE 


POST 


SETTINGS 



• Para editar el Blog, y 
publicar entradas, 
hay que ingresar a 
www.blogqer.com , y 
conectarse con el 
nombre de usuario y 
contraseha 

• Una vez dentro de la cuenta, lo primero que se ve es el "Dashboard" o 
"Escritorio". En el escritorio se visualizara 
un cuadro con el nombre del blog. En la 
parte derecha de este, se van a ver dos 
iconos. 

Uno es un signo de suma verde, y el otro es 
un engranaje azul. 
El signo de suma se presiona cuando se quiere 
publicar o modificar una entrada. El engranaje se utiliza para 
modificar valores o el codigo HTML del blog 

• HTML es el lenguaje que utilizan los exploradores de internet (Internet 
Explorer, Mozilla Firefox, etc..) para leer las paginas web. Editando el 
codigo HTML, se puede hacer cualquier tipo de modificaciones en el 
blog. En esta gufa veran algunas instrucciones en que se requiere 
editar el codigo HTML. Para acceder a el, hay que entrar a la categon 
"Template" (despues de haber hecho die en el engranaje azul) 

• Siempre que se realice una modificacion al blog (salvo publicar y 
modificar entradas), se debe apretar el boton naranjo "Save 
Seetings" 

(aparecera como "Save Template Changes" cuando se modifica el 
codigo HTML). Luego hay que presionar el boton azul oscuro que 
aparecera con el nombre "Republish". Es necesario presionar estas 
dos cosas para que los cambios que se realicen funcionen. 



Save Settings 



► You must 



Republish 



your bbf 
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Como Modificar Links 

Lo primero que hay que entender sobre los links es que constan de 2 partes. 
La primera parte de un link la llamaremos "nombre". El "nombre es el texto 
que se aprieta en un link. 

La segunda parte del link la llamaremos "direccion". La "direccion" es la 
pagina web (o blog) que se abrira al hacer die en el "nombre". 

Por ejemplo, el de abajo es un link. En este link (al igual que en cualquier 
otro) podemos reconocer las 2 partes que lo componen. En este caso el 
"nombre" seria Blog de Fernando Flores y la "direccion" seria 
http://www.fernandoflores.cl 
Blog de Fernando Flores 



<Ha inOrAr chive Page > 
<h2 cl as 3=" 3 i debar- ti t le ™>Li nts< /h2 > 
<ul> 

<lixa href="http;//news , gDcgle,cc?n/">3ciQgle New3</ax/li> 

<lixa hre;="http: //help.blogger . coii/bin/answeE.py?ansvjer=110">Edit-He</ax/li> 

<lixa href="http; //help.fclcgger . ccra/bin/anawer .pY?aii3wer=110">Edit-Ke</ax/li> 

</ul> 

Para agregar un link hay que encontrar el codigo que se muestra arriba. 
Una vez encontrado, se selecciona la "direccion" (que esta entre comillas, 
y SIEMPRE debe comenzar con http://) y se cambia por otra. Lo mismo 
se hace con el "nombre", que en el ejemplo de arriba seria Google News. 

En el ejemplo de abajo, cambiamos el link que tenia como "nombre" Google 
News y como "direccion" http://news.google.com por uno que tiene por 
"nombre" AtinaChile y como "direccion" http://www.atinachile.cl 

<h2 clas s= " s i debar- ti z le " >Lln]r s</h2> 

<ul> 

<liXa V.y ^=tEFFp ■ J §Bb E aS nar.hi 1 p ZEE ^^j^£*h£]7^>^ ^ f 1 j ~i- 

<lixa href ="http: //help.blogger. ccm/biti/ answer . py?ati3wer=110">Edit- 
< 1 i >< a hre f = "ht tp : / /he lp . blcgge r . ecu/bin./ answe r . py?an3wer=ll 0 " >Edi t- 

Recomendacion: Aca cambiamos el primer link que viene SIEMPRE en 
un blog nuevo. Justo debajo de este hay 2 links con "direcciones" muy 
largas. Recomiendo borrarlos, ya que confunden, y usar el primer link 
como "molde" para crear otros (como se muestra a continuacion) 
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Como Agregar Mas Links 

Para agregar un nuevo link, se debe copiar el codigo completo que compone 
Un link, y se pega justo debajo del que se copio 



1 



<ul> 



Undo 



/www.atinachile . cL">AtinaChile</aX/li: 



;/ul> 
i/lfBinOrArcli 



Cut 



Paste 



< lixa hrei="http', //www, atinaciiile , cl ™>AtinaChile</ax;/li> 



Undo 



inO 



Cut 
Copy 



Una vez pegado el codigo, se modifica como se explica arriba 



URL de una Imagen 

Todas las imagenes que sacamos de internet tienen una URL (direction) 
que las representa. Sacar la URL de la imagen sirve (entre otras cosas) 
para poner imagen en los posts (como se explicara mas tarde). 

Como dijimos. todas las imagenes que estan en internet tienen una URL. 
Para verla, copiarla y ponerla donde se necesite, hay que hacer die con el 
boton derecho del mouse sobre la imagen y apretar "Properties" o 
"Propiedades". La URL de la imagen quedara a la vista como se muestra 
abajo 



3 Element Properties 



Image Properties 



□3J 



Location: 
Width: 
Height: 
Size of File: 
Alternate text: 



■fi^^//wwvv .google , d/images/hpO^gEfi 1 
158px \ 
TBpx \ 
4. 18 HB {4277 bytes) URL de la 
Google Imagen 
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Como Postear con Imageries 



en el "lenguaje bloggero", postear es publicar una entrada . 

Poner una imagen en un post, es bastante sencillo. 

Una vez escrito el post, se presiona el boton de "agregar imagen" 



O TEXTO "| Add Image ^EJ: 

Luego, se abrira la siguiente ventana: 



^ http://photos.blogger.com - Blogger: Upload Images - Mozilla Firefox 



Add an image from your computer 



Or add an image from the web 

Add aprttfrefH- 




every time? 



Upload Image Cancel 



_ 



Hay 2 opciones para poner una imagen: Sacarla de internet o del 
computador. 

• Si la imagen fue encontrada en internet, se debe copiar su URL y 
pegarla donde esta en circulado de rojo. 

• Si la imagen esta guardada en el computador, se usa la opcion en 
circulada verde. Ahf, se debe buscar la imagen en el computador 
(como cuando se pone un archivo adjunto en un mail). 

Se puede escoger una de las dos opciones. 

Una vez escogida una de las dos, de debe escoger la orientacion (centrada, 
a la izquierda o a la derecha), luego el tamano (Grande, Medio o Pequeno). 

Una vez terminado esto, se debe presionar el boton celeste "upload image". 
Luego, aparecera una ventana que dice "la imagen esta siendo subida". 
Este mensaje durara unos segundos y sera remplazado por este: 
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' http://photos.blogger.com - Blogger: Upload Images - Uozilla Firefox 



Your image has been added. 

After clicking "Done" you can change your post and publish to your blog. 



C 



3 



Se presiona el boton celeste "Done", y la imagen quedara lista. 



Como poner links EN UN POST 

Poner un link en un post es muchisimo mas facil que hacerlo en la barra 
lateral del blog. 

1 . Primero hay que escribir el post 

2. Una vez escrito, deben seleccionar la o las palabras que desean sean 
un link 

Recover post 

HflSEEBffE es una invitacio 
nuestra tierra, a asurnir coi 
de riauezas. en la construct 

3. Ahora presionen el boton que representa un planeta con una cadena 
en frente 



n a rjue nos nreocurjemos uc 
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4. se abrira esta ventana 



http://www.blogger.coim 



( J ' ■, Enter a URL: 



OK 



Cancel 



5. Deben escribir la "direccion" del link 



http://www.blogger.com 



i Enter a URL: 



httpt//www,atina chile. d 



OK 



Cancel 



6. Presionen OK y Listo!!!!!!!!! 



Publicar un Archivo en el Blog 

Publicar archivos y documentos en nuestro blog puede ser inmenzamente 
util. Por ejemplo, si dan una charla, o una clase, pueden subir el archivo 
PowerPoint a su blog para que asi sus alumnos puedan descargar la clase 
cuantas veces quieran. Otro ejemplo, esta misma guia (que es una rchivo PDF) 
fue publicada en mi blog de la misma manera en que explico aqm. 
Para publicar un archivo del computador al blog es necesario obtener un 
"hosting" (alojamiento) para el archivo. Una vez alojado el archivo por el 
servicio de "hosting", este entregara una direccion web bastante larga. Al 
entrar a esa direccion web, el archivo se descargara en el computador. 
Para tener un archivo en nuestro blog, lo que haremos sera poner en forma 
de link la direccion entregada por el servicio de "hosting". 
El servicio de hosting que escogere sera Ourmedia el unico (a 
mi conocimiento) que es gratuito. 

1 . Ingresar a la pagina www.ourmedia.org 

2. Una vez en el sitio de Ourmedia, habra que registrarse como usuario 
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Como Registrarse como Usuario en Ourmedia 

a. Ingresar al sitio www.archive.org , y registrarse como usuario apretando 
el boton "Join Us" 

e r f tog in or join us'! - 

b. Llenar el formulario y presionar el boton "Get Library Card". Luego de esto 
aparecera un aviso de que el registro fue completado con exito. Despues de 
esto, deben ir a la pagina www.ourmedia.org , y registrarse como usuarios, 
para esto sigan las instrucciones de abajo 

c. Presionar el boton "Register", en la barra de navegacion superior del sitio 



s ahead 


Register : Login: 







d. Llenar el formulario de registro, y presionar el boton "Create New 
Account" IMPORT ANTE: En este formulario de registro deben poner 
EL MISMO MAIL que colocaron en el formulario de registro de 

archive.org 

I IILC| 



Create new account 



Una vez hecho esto, recibiran un mail de Ourmedia con todas 
las especificaciones de su cuenta 



IMPORT ANTE: Luego de que creen la cuenta, deben ingresar a su cuenta 

(su nombre de usuario y contraseha seran especificadas en un mail 
que se les enviara). Luego deben hacer click en su nombre de usuario 
(que aparecera en el extremo superior derecho del sitio) 



Logged in as: cablovcignski log 



Inside Ourmedia.org 
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Luego deben ir a 
EDIT 




Una vez ahi deben buscar donde dice "Internet Archive". Ahi deben 
llenar ese cuadro con LA MISMA CONTRASENA QUE usaron para 

inscribirse en archive.org 

-Ir:s»"«t i/chivs 

Your archrve.org account password: 



Dms pmanri n9 bt usid id imomit icily DUbdh your mtda on iighvt orj 

Una vez hecho esto su cuenta ya estara configurada para subir archivos. 
Presionen el boton "logout" (extremo superior derecho), salgan del sitio 

y vuelvan a entrar 




3. Vuelvan a ingresar en ourmedia.com con el nombre de usuario y 
la contrasena especificada en el mail 





i: 


pablovolenski 






Log in 





4. Una vez en su cuenta, presionen el boton del menu de navegacion superior 
"Publish My Media" 



publish my m&d-ia 





5. Seleccionen el tipo de archivo que desean subir. 

Nota: Los archivos PowerPoint, Excel, Word, etc... son considerados como 
TEXTO. 

6. Deben llenar el formulario para subir el archivo, solo es necesario llenar 
los campos que tengan un asterisco rojo. Es importante que definan el nivel 
de restriccion que le quieran poner a su trabajo, llenando la parte de la 
Licencia Creative Commons. 
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7. Cuando tengan todos los datos listos, presionen "Submit" 

8. PORFIN!, en proceso ha concluido. Lo unico que necesitan hacer para 
sacar la direction de su archivo es haciendo click con el boton derecho en el 
texto 

"Link" y presionar "Copy Link Location" (como se muestra abajo), una vez 
hecho esto tendran la direction a su archivo copiado para poder ponerlo en 
su blog en forma de link 

Youf text WB5 created 



Submitted by pablovolenski on August 28, 2005 - 11:08am. 



tytyr 


This media file's URL: Lin 


Open Link in New Window Author: tuyuy 

Open Link in New lab L dHp „r P : T^niquP. T*r^rx. 

Bookmark This Link, , , [Chile 

^sv.'^ 1 inlr a; 




Send Link,,, 
Properties 


Ratings coming soon! 



Preguntas: 
Que es Firefox? 



